<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<h:head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <title>Current Monitor</title>
       <h:outputStylesheet name="css/mainstyle.css"  />
   </h:head>

   <h:body>
  
      <p:layout fullPage="true" rendered="true">
 
    <p:layoutUnit position="north" size="150" resizable="true" closable="true" collapsible="true">
        <div>
        	<h:graphicImage name="images/banner.png" />
        	<h:graphicImage name="images/logo.png" class="headerLogo"/>
        </div>
        
    </p:layoutUnit>
 
    <p:layoutUnit position="south" size="100" resizable="true" closable="true" collapsible="true">
        
    </p:layoutUnit>
 
    <p:layoutUnit position="west" size="200"  resizable="true" closable="true" collapsible="true">
        <h:form>  
        <p:menu toggleable="true">
        <p:submenu label="Menu">
            <p:menuitem value="Home" action="#{navigationBean.setPage('home')}" icon="ui-icon-home" ajax="false" />
            <p:menuitem value="Device Status" action="#{navigationBean.setPage('live')}" icon="ui-icon-signal-diag" ajax="false" />
            <p:menuitem value="Live" action="#{navigationBean.setPage('live')}" icon="ui-icon-play" ajax="false" />
            <p:menuitem value="Stored Values" action="#{navigationBean.setPage('storedValues')}" icon="ui-icon-calculator" ajax="false" />
            
        </p:submenu>
        <p:submenu label="User">
            <p:menuitem value="Logout"  ajax="false" icon="ui-icon-key"/>
        </p:submenu>
    </p:menu>
    </h:form>  
    </p:layoutUnit>
 
    <p:layoutUnit position="east" size="200" resizable="true" closable="true" collapsible="true" effect="drop">
        
    </p:layoutUnit>
 
    <p:layoutUnit position="center" id="contentDiv">
        <ui:include src="/WEB-INF/includes/#{navigationBean.page}.xhtml" />
    </p:layoutUnit>
 
</p:layout>

   </h:body>

</html>